@charset "euc-kr"; /* CSS Document */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,textarea,p,blockquote,th,img { margin:0; padding:0; } html { width:100%; height:100%; } body,code { font:0.813em ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; color:#000000; background:#fff; } body { min-width:1100px; } li { list-style:none; } img,fieldset { border:none; vertical-align:top; } caption { display:none; } input,select,textarea { font-size:100%; font-family:"µ¸¿ò", Dotum; color:#353535; vertical-align:middle; } .inputTypeText { padding:3px 0 0 9px; border:1px solid #d5d5d5; } select { height:24px; border:1px solid #d5d5d5; } textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; } legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; } button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; } hr.layout { display:none; } a { text-decoration:none; color:#000000; } a:hover { text-decoration:none; } a:active { text-decoration:none; } .displaynone { display:none; } /* ·¹À̾ƿô */ #wrap { position:relative; margin:0 auto 0; } #container { width:100%; margin:0 auto; *zoom:1; position:relative; } #container:after { content:""; display:block; clear:both; } #contents { } #footer { width: 100%; background-color:#444444;} #gotop {position: fixed; bottom: 30px; right: 30px; display:none;} .jbMenu {z-index:9000;width: 100%;border:0; background-color:#3596da;position: absolute;} .jbFixed {position: fixed; top: 0px;} #topbanner {background-color:#c2e4f5; text-align: center; } #topbanner02 {background-color:#978ac5; text-align: center;} #top {width: 1000px; margin:auto; position:relative;} #top ul{position:absolute; top: 5px; right: 0; } /*#top ul li {float:left; padding: 0px 6px 0px 6px ; background:url(//www.ielts.co.kr/home/images/main/bg_bar.jpg) no-repeat; background-position:left; }*/ #top ul li {float:left; padding: 0px 4px 0px 4px ;} #top ul li:first-child {background:none;} .banner {position: relative; width: 1000px; height: 70px; margin:0 auto; padding:0; overflow: hidden;} .banner ul {position: absolute; margin: 0px; padding:0; list-style: none; } .banner ul li {float: left; width: 1000px; height: 70px; margin:0; padding:0;} /* ž¸Þ´º */ #top_gnb {background-color: #3596da; height: 75px;} #top_gnb > ul {width: 1000px; margin:auto;} #top_gnb > ul li {float:left; } #top_gnb > ul li a{cursor:pointer; } .search {width:200px; height:23px; display: inline-block; border: solid 1px #ccc; background-color: #fff;} .input_search { background-color: transparent; width: 160px; border: 0; font-size: 15px; height:24px;} .login_cs {width:120px; height:30px; border: solid 1px #cccccc;} /* ¼­ºê ¸Þ´º ·¹À̾î */ .gnbsublayer{ width: 100%; position: absolute; top:75px; height: 360px; z-index: 100; background-color: #fff; border-bottom: 1px solid #d9d9d9; left:0px; z-index:9999;} .gnbsublayer .sublayerbox {width: 1000px; margin:auto; position: relative;} .gnbsublayer .sublayerbox .subt { width: 130px; padding-top: 30px; text-align: center; float: left; position: relative;} .gnbsublayer .sublayerbox .subt span{ font-size: 22px; letter-spacing:-0.12em; padding-top:15px;} .gnbsublayer .sublayerbox > ul {width: 200px; min-height: 300px; margin-top: 20px; border-left: 1px solid #d9d9d9; float: left;} .gnbsublayer .sublayerbox > ul li {padding: 0px 10px 0px 20px; width: 170px; font-size: 14px; line-height: 33px; } .gnbsublayer .sublayerbox > ul li:hover {font-weight: bold;} .gnbsublayer .sublayerbox > ul li:first-child {padding-top: 0;} .gnbsublayer .sublayerbox > ul li a {display: block;} .gnbsublayer .sublayerbox .sublayerbanner {width:155px; border-left: 1px solid #d9d9d9; position: absolute; top:0; right: 290px;} .gnbsublayer .sublayerbox .sublayerbanner ul {width: 155px;} .gnbsublayer .sublayerbox .sublayerbanner li {height: 116px; border-top: 1px solid #d9d9d9;} .gnbsublayer .sublayerbox .sublayerbanner li:first-child {border: none;} .gnbsublayer .sublayerbox .sublayerimg {width: 290px; float: right;} .gnbsublayer .sublayerbox .sublayerimg2 {width: 360px; float: right;} .gnbsublayer .sublayerbox .sublayerimgbig {width: 580px; float: right;} .gnbsublayer .sublayerbox .t1{color: #0000ff; letter-spacing:-0.04em; } .gnbsublayer .sublayerbox2 {width: 1000px; margin:auto; position: relative;} .gnbsublayer .sublayerbox2 .subt { width: 130px; padding-top: 30px; text-align: center; float: left; position: relative;} .gnbsublayer .sublayerbox2 .subt span{ font-size: 22px; letter-spacing:-0.12em; padding-top:15px; line-height:30px;} .gnbsublayer .sublayerbox2 > ul {width: 250px; min-height: 300px; margin-top: 20px; border-left: 1px solid #d9d9d9; float: left;} .gnbsublayer .sublayerbox2 > ul li {padding: 0px 10px 0px 20px; width: 250px; font-size: 14px; line-height: 33px; } .gnbsublayer .sublayerbox2 > ul li:hover {font-weight: bold;} .gnbsublayer .sublayerbox2 > ul li:first-child {padding-top: 0;} .gnbsublayer .sublayerbox2 > ul li a {display: block;} .gnbsublayer .sublayerbox2 .sublayerbanner {width:155px; border-left: 1px solid #d9d9d9; position: absolute; top:0; right: 290px;} .gnbsublayer .sublayerbox2 .sublayerbanner ul {width: 155px;} .gnbsublayer .sublayerbox2 .sublayerbanner li {height: 116px; border-top: 1px solid #d9d9d9;} .gnbsublayer .sublayerbox2 .sublayerbanner li:first-child {border: none;} .gnbsublayer .sublayerbox2 .sublayerimg {width: 290px; float: right;} .gnbsublayer .sublayerbox2 .sublayerimgbig1 {width: 580px; float: right;} .gnbsublayer .sublayerbox2 .sublayerimgbig {width: 490px; float: right;} .gnbsublayer .sublayerbox2 .subtit2 {font-weight:bold; color: #3596da; } .gnbsublayer .sublayerbox2 .t1{color: #ff0000; letter-spacing:-0.04em; } .gnbsublayer .sublayerbox2 .t2{color: #ff0000; letter-spacing:-0.08em; } .gnbsublayer .sublayerbox3 {width: 1000px; margin:auto; position: relative;} .gnbsublayer .sublayerbox3 .subt { width: 130px; padding-top: 30px; text-align: center; float: left; position: relative;} .gnbsublayer .sublayerbox3 .subt span{ font-size: 22px; letter-spacing:-0.12em; padding-top:15px;} .gnbsublayer .sublayerbox3 > ul {width: 190px; min-height: 300px; margin-top: 20px; border-left: 1px solid #d9d9d9; float: left;} .gnbsublayer .sublayerbox3 > ul li {padding: 0px 10px 0px 20px; width: 190px; font-size: 14px; line-height: 33px; } .gnbsublayer .sublayerbox3 > ul li:hover {font-weight: bold;} .gnbsublayer .sublayerbox3 > ul li:first-child {padding-top: 0;} .gnbsublayer .sublayerbox3 > ul li a {display: block;} .gnbsublayer .sublayerbox3 .sublayerbanner {width:155px; border-left: 1px solid #d9d9d9; position: absolute; top:0; right: 290px;} .gnbsublayer .sublayerbox3 .sublayerbanner ul {width: 155px;} .gnbsublayer .sublayerbox3 .sublayerbanner li {height: 116px; border-top: 1px solid #d9d9d9;} .gnbsublayer .sublayerbox3 .sublayerbanner li:first-child {border: none;} .gnbsublayer .sublayerbox3 .sublayerimg {width: 290px; float: right;} .gnbsublayer .sublayerbox3 .sublayerimgbig {width: 580px; float: right;} .gnbsublayer .sublayerbox3 .subtit2 {font-weight:bold; color: #3596da; } .gnbsublayer .sublayerbox4 {width: 1000px; margin:auto; position: relative;} .gnbsublayer .sublayerbox4 .subt { width: 130px; padding-top: 30px; text-align: center; float: left; position: relative;} .gnbsublayer .sublayerbox4 .subt span{ font-size: 22px; letter-spacing:-0.12em; padding-top:15px; line-height:30px;} .gnbsublayer .sublayerbox4 > ul {width: 290px; min-height: 300px; margin-top: 20px; border-left: 1px solid #d9d9d9; float: left;} .gnbsublayer .sublayerbox4 > ul li {padding: 0px 10px 0px 20px; width: 280px; font-size: 14px; line-height: 33px; } .gnbsublayer .sublayerbox4 > ul li:hover {font-weight: bold;} .gnbsublayer .sublayerbox4 > ul li:first-child {padding-top: 0;} .gnbsublayer .sublayerbox4 > ul li a {display: block;} .gnbsublayer .sublayerbox4 .sublayerbanner {width:155px; border-left: 1px solid #d9d9d9; position: absolute; top:0; right: 290px;} .gnbsublayer .sublayerbox4 .sublayerbanner ul {width: 155px;} .gnbsublayer .sublayerbox4 .sublayerbanner li {height: 116px; border-top: 1px solid #d9d9d9;} .gnbsublayer .sublayerbox4 .sublayerbanner li:first-child {border: none;} .gnbsublayer .sublayerbox4 .sublayerimg {width: 290px; float: right;} .gnbsublayer .sublayerbox4 .sublayerimgbig {width: 580px; float: right;} .gnbsublayer .sublayerbox4 .subtit2 {font-weight:bold; color: #3596da; } .gnbsublayer .sublayerbox4 .t1{color: #ff0000; letter-spacing:-0.04em; } .gnbsublayer .sublayerbox5 {width: 1000px; margin:auto; position: relative;} .gnbsublayer .sublayerbox5 .subt { width: 130px; padding-top: 30px; text-align: center; float: left; position: relative;} .gnbsublayer .sublayerbox5 .subt span{ font-size: 22px; letter-spacing:-0.12em; padding-top:15px; line-height:30px;} .gnbsublayer .sublayerbox5 > ul {width: 410px; min-height: 300px; margin-top: 20px; border-left: 1px solid #d9d9d9; float: left;} .gnbsublayer .sublayerbox5 > ul li {padding: 0px 10px 0px 20px; width: 410px; font-size: 14px; line-height: 33px; } .gnbsublayer .sublayerbox5 > ul li:hover {font-weight: bold;} .gnbsublayer .sublayerbox5 > ul li:first-child {padding-top: 0;} .gnbsublayer .sublayerbox5 > ul li a {display: block;} .gnbsublayer .sublayerbox5 .sublayerbanner {width:155px; border-left: 1px solid #d9d9d9; position: absolute; top:0; right: 290px;} .gnbsublayer .sublayerbox5 .sublayerbanner ul {width: 155px;} .gnbsublayer .sublayerbox5 .sublayerbanner li {height: 116px; border-top: 1px solid #d9d9d9;} .gnbsublayer .sublayerbox5 .sublayerbanner li:first-child {border: none;} .gnbsublayer .sublayerbox5 .sublayerimg {width: 290px; float: right;} .gnbsublayer .sublayerbox5 .sublayerimgbig {width: 580px; float: right;} .gnbsublayer .sublayerbox5 .subtit2 {font-weight:bold; color: #3596da; } .gnbsublayer .sublayerbox5 .t1{color: #ff0000; } .gnbsublayer .sublayerbox5 .t2{color: #ff0000;} .gnbsublayer .sublayerbox6 {width: 1000px; margin:auto; position: relative;} .gnbsublayer .sublayerbox6 .subt { width: 130px; padding-top: 30px; text-align: center; float: left; position: relative;} .gnbsublayer .sublayerbox6 .subt span{ font-size: 22px; letter-spacing:-0.12em; padding-top:15px;} .gnbsublayer .sublayerbox6 > ul {width: 380px; min-height: 300px; margin-top: 20px; border-left: 1px solid #d9d9d9; float: left;} .gnbsublayer .sublayerbox6 > ul li {padding: 0px 10px 0px 20px; width: 410px; font-size: 14px; line-height: 33px; } .gnbsublayer .sublayerbox6 > ul li:hover {font-weight: bold;} .gnbsublayer .sublayerbox6 > ul li:first-child {padding-top: 0;} .gnbsublayer .sublayerbox6 > ul li a {display: block;} .gnbsublayer .sublayerbox .sublayerbanner_online { float:left; margin-left:17px;} .gnbsublayer .sublayerbox .sublayerbanner_online ul {float:left; width: 225px; } .gnbsublayer .sublayerbox .sublayerbanner_online li {height: 175px;} .gnbsublayer .sublayerbox .subtit2 {font-weight:bold; color: #3596da; } .gnbsublayer .sublayerbox6 .mypagelist { float: left; margin: 20px 0 0 20px; width: 460px; } .gnbsublayer .sublayerbox6 .mypagelist table { width:100%; border:0; border-spacing:0; border-collapse:collapse; } .gnbsublayer .sublayerbox6 .mypagelist th { border-bottom : 1px solid #cacaca; padding: 6px 0 6px 0; margin-bottom: 5px; font-size: 13px;} .gnbsublayer .sublayerbox6 .mypagelist td {word-break:break-all; height: 30px; vertical-align:middle; font-size: 14px; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .gnbsublayer .sublayerbox6 .mypagelist td img {vertical-align:middle;} .gnbsublayer .sublayerbox6 .mypagelist .txcenter {text-align:center;} .gnbsublayer .sublayerbox6 .mypagelist .mypagelistTit {font-size: 16px; font-weight:bold; width: 460px; float: left; padding: 5px 0 8px; border-bottom : 1px solid #3596da;} .gnbsublayer .sublayerbox6 .mypagelist .mypagelistTit span {font-size: 12px; font-weight:100;} .gnbsublayer .sublayerbox6 .mypagelist .noclass { margin-top: 50px; height:150px; text-align:center; font-size:14px; } /* ¸ÞÀÎ À̹ÌÁö */ #container .mainimg{min-width: 1000px; position: relative; overflow: hidden; height: 365px;} #container .mimg {width: 2560px; margin: 0 0 0 -1280px; position: absolute; top: 0px; left: 50%; float:left; height:365px; clear:both; overflow:hidden;} .mimg .item {position:absolute; width:1000px; height:365px; background:#fff; } .mimg a {outline:none;} .sliderArrows a {display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(//www.ielts.co.kr/home/images/main/prev_next2.png); width:84px; height:84px; position:absolute; top:50%; margin-top:-34px;} .prev {background-position:0 0; position:relative;left:50%;margin-left:-495px; } .prev:hover {background-position:0 -88px;} .next {right:15px; background-position:-88px 0; left:50%;margin-left:450px;} .next:hover {background-position:-88px -88px;} .sliderBullets {position:absolute; bottom:15px; left:48%; z-index:50; margin-left:-45px; } .sliderBullets a {display:block; float:left; text-indent:-9999px; margin-left:5px; width:20px; height:21px; background:url(//www.ielts.co.kr/home/images/main/bullets_t.png) no-repeat;} .sliderBullets .active {background-position:0 -21px;} #container .main_iconmenu {border-bottom: 1px #d9d9d9 solid; height: 97px; } /*#container .main_iconmenu {border-bottom: 1px #969696 solid; height: 97px; }*/ #container .main_iconmenu ul {width: 1000px; margin: auto; text-align:center;} #container .main_iconmenu ul li {float:left; } #contents {width: 1000px; margin:auto;} #contents .mainleft {float:left; position:relative; width: 300px; padding-right: 26px; border-right:1px #d9d9d9 solid; } #contents .maincenter {float:left;position:relative; width: 360px; border-right:1px #d9d9d9 solid; } #contents .mainright {float:left; width: 280px; padding-left:25px;} #contents .mainleft .cstel {padding-top: 38px;} #contents .mainleft .cstel span{line-height: 28px; padding-left:2px; letter-spacing:-0.17em; font-weight:bold; font: 18px ¸¼Àº °íµñ, Malgun Gothic; font-weight:bold; } #contents .mainleft .cstel .tel1 {padding:20px 0 20px 0;} #contents .mainleft .leftbanner {margin: 30px 0 38px 0;} .more {float: right; margin-top:5px;} .more a {color: #000000; font-size:1.1em;} .more a:hover {color: #000000;font-size:1.1em;} .review_top_a {background:url(//www.ielts.co.kr/home/images/main/icon_a.jpg) 0px no-repeat;} .review_top_gt {background:url(//www.ielts.co.kr/home/images/main/icon_gt.jpg) 0px no-repeat;} .review_a {background:url(//www.ielts.co.kr/home/images/main/icon_a.jpg) 0 6px no-repeat;} .review_gt {background:url(//www.ielts.co.kr/home/images/main/icon_gt.jpg) 0 6px no-repeat;} #contents .mainleft .selfstudy_content { padding : 20px 0 18px 0; } #contents .mainleft .selfstudy_content li {line-height: 28px;} .latest_center {padding : 45px 25px 26px 25px;} .latest_center li {line-height: 28px;} .latest_center .notice_content {margin-top: 17px; margin-bottom: 2px; } .latest_center .review_content {margin-top: 20px; margin-bottom: 7px;} .latest_center .review_content li {padding-left: 20px;} .latest_center .review_content a {padding-left: 15px;} .latest_center .blog_content {margin-top: 21px; margin-bottom:15px;} .latest_center .review_content .popreview {border : 1px solid #c8c8c8; padding-left: 10px; background-color: #f9f9f9; height: 50px; line-height: 50px; margin-bottom: 10px;} .latest_center .review_content .popreview li {height: 50px; line-height: 50px;} #contents .mainright .vod {padding-top: 20px;} #contents .mainright .rightrollingbanner {padding: 10px 0 10px 0;} #contents .mainright .vod .youtube {margin: 20px 0 10px 0 ;} #contents .bottombanner {width: 1000px; height: 210px; margin-top: 30px; } #contents .bottombanner ul li{ float:left; padding-left: 16px; margin-top: 12px;} #contents .bottombanner ul li:first-child {padding:0;} .bottomclasslink {background-color: #f0f0f0; height:1240px; width: 100%; margin-top:30px;} .classlink {width: 1000px; margin: auto;} .bottomclasslink .classlink dl {background:url(//www.ielts.co.kr/home/images/main/ieltsbook_bg.jpg) 0 30px no-repeat; } .bottomclasslink .classlink dl dd {width:1000px; height:130px; display: inline-block; padding:45px 10px 0 0 ;} .bottomclasslink .classlink dl dd .classtitle{font: 22px ¸¼Àº °íµñ, Malgun Gothic; line-height:30px; margin-left:200px; } .bottomclasslink .classlink dl dd .classtitle span{font: 18px ¸¼Àº °íµñ, Malgun Gothic; margin-left:5px; line-height:50px; } .bottomclasslink .classlink ul {text-align:center; margin-top:5px; padding:0;} .bottomclasslink .classlink ul li {width:150px; height:330px; margin:0px 0px 15px 15px; text-align:center; display: inline-block; background-color: #ffffff;} .bottomclasslink .classlink ul li span {font: 14px ¸¼Àº °íµñ, Malgun Gothic; line-height:20px;} .bottomclasslink .classlink ul li .b {font-weight:bold; height:70px; } .bottomclasslink .line {width:130px; border-bottom: 1px #d9d9d9 solid; height:10px; margin-left:10px; margin-bottom:10px;} .bottomclasslink .classlink ul li img {margin-top:10px; margin-bottom:10px; } .bottomclasslink .classlink .classgo {margin-top:10px; background-color:#898989; height:23px; padding-top:3px; font: 13px ¸¼Àº °íµñ, Malgun Gothic; color:#ffffff; width:150px;} #contents .booklist { } #contents .booklist > img {padding: 30px 0; } #contents .booklist ul {width: 1100px;} #contents .booklist ul li{float:left; padding-left:11px;} #contents .booklist ul li:first-child {padding:0;} /* ¼­ºêÆ®¸®¸Þ´º */ on: relative; } #subnavi .inner_navi { width: 1000px; margin:auto; } #subnavi .inner_navi .depth {float: left; height: 42px; line-height: 42px; position: relative; font-size: 14px; } #subnavi .inner_navi .gohome{width: 48px; border-left: 1px solid #ececec; float: left; text-align: center; height: 35px; padding-top: 8px;} #subnavi .inner_navi .gohome a {display:block;} #subnavi .inner_navi .depth ul {background: #ffffff; width: 200px; position: absolute; top: 42px; left: -1px; border: #ececec 1px solid; padding: 10px 0; z-index:10;} #subnavi .inner_navi .depth ul li {line-height: 32px; padding-left: 17px; font-size:12px;} #subnavi .inner_navi .depth1 {width: 150px; border-left: 1px solid #ececec; border-right: 1px solid #ececec; position: relative; background-position: right -150px;} #subnavi .inner_navi .depth2 {width: 200px; border-right: 1px solid #ececec; position: relative; background-position: right -150px;} #subnavi .inner_navi .depth .sel {display: block; padding: 0 16px 0 17px; height: 100%; background:url(//www.ielts.co.kr/home/images/menu/icon03.jpg) right 18px no-repeat; } /* ǪÅÍ */ #footer .footermenu {background-color: #ffffff; height:50px; width: 100%; border-top:#ddd 1px solid;} #footer .footerimg{min-width: 1000px; position: relative; overflow: hidden; height: 196px;} #footer .footermimg {width: 2000px; margin: 0 0 0 -1000px; position: absolute; top: 0; left: 50%; float:left; height:196px; clear:both; overflow:hidden;} #footer .footerbar {width: 1000px; margin: auto;} #footer .footermenu .footerbar ul {text-align:center;} #footer .footermenu .footerbar ul li{ line-height: 50px; padding: 0 17px; text-align:center; display: inline-block; background:url(//www.ielts.co.kr/home/images/main/bg_bar.jpg) no-repeat; background-position:left;} #footer .footermenu .footerbar ul li:first-child {background:none;} #footer .footermenu .footerbar ul li a:hover {color: #3596da;} #footer .footermenu .footerbar ul li img {margin-top:15px; } #footer .footermenu2 {background-color: #ffffff; height:100px; width: 100%; border-top:#ddd 1px solid;} #footer .footerimg{min-width: 1000px; position: relative; overflow: hidden; height: 196px;} #footer .footermimg {width: 2000px; margin: 0 0 0 -1000px; position: absolute; top: 0; left: 50%; float:left; height:196px; clear:both; overflow:hidden;} #footer .footerbar2 {width: 1000px; margin: auto;} #footer .footermenu2 .footerbar2 ul {text-align:center;} #footer .footermenu2 .footerbar2 ul li{ line-height: 30px; padding: 0 17px; text-align:center; display: inline-block; background:url(//www.ielts.co.kr/home/images/main/bg_bar.jpg) no-repeat; background-position:left;} #footer .footermenu2 .footerbar2 ul li:first-child {background:none;} #footer .footermenu2 .footerbar2 ul li a:hover {color: #3596da;} #footer .footermenu2 .footerbar2 ul li img {margin-top:15px; } #footer .nursemenu {background-color: #dadada; height:110px; width: 100%; } #footer .nursebar {width: 1000px; margin: auto; padding-top:20px; } #footer .nursemenu .nursebar ul {text-align:left;} #footer .nursemenu .nursebar ul li{ line-height: 25px;padding: 0 20px; text-align:left; display: inline-block; background-position:left;} #footer .nursemenu .nursebar ul li:first-child {background:none;} #footer .nursemenu .nursebar ul li a:hover {color: #3596da;} #footer .bottom_award {width: 1120px; margin:auto; height: 190px;} #footer .bottombox {width: 1000px; margin:auto; height: 360px;} #footer .bottombox .bottom_contents {width: 500px; float:left; color:#ffffff; padding-top: 25px; } #footer .bottombox .bottom_contents .tail_logotext {font-size:18px; font-family: 'Roboto', sans-serif; font-weight:500; display:inline-block; padding-right: 20px;} #footer .bottombox .bottom_contents > span {font-size:15px; font-weight:bold; } #footer .bottombox .bottom_contents .address {font-style: normal; padding-top: 20px; line-height: 20px; color:#ffffff; padding-left:15px;} #footer .bottombox .bottom_contents .address2 {font-style: normal; padding-top: 75px; line-height: 20px;} #footer .bottombox .bottom_contents .address .bottomtit {font-weight:bold; font-size: 22px;} #footer .bottombox .bottom_contents .address .bottomtitsub {font-weight:500; font-size: 16px;} #footer .bottombox .bottom_contents .address .bottomphone {font-weight:bold; font-size: 24px;} #footer .bottombox .bottom_award {width: 500px; float:right; overflow:hidden; } #footer .bottombox .bottom_award ul {width: 600px; padding-left: 30px;} #footer .bottombox .bottom_award li {float:left; width: 170px; padding-left: 70px; height: 65px; margin-bottom: 5px; font-size:11px; color:#d9d9d9;} #footer .bottombox .bottom_award .award01 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) no-repeat; } #footer .bottombox .bottom_award .award02 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) 0 -70px no-repeat; } #footer .bottombox .bottom_award .award03 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) 0 -140px no-repeat; } #footer .bottombox .bottom_award .award04 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) 0 -210px no-repeat; } #footer .bottombox .bottom_award .award05 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) 0 -280px no-repeat; } #footer .bottombox .bottom_award .award06 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) 0 -350px no-repeat; } #footer .bottombox .bottom_award .award07 {background: url(//www.ielts.co.kr/home/images/main/bg_award.png) 0 -420px no-repeat; } .gline {border-bottom: 1px #d9d9d9 solid;} .clearboth {clear:both; content:""; display:block;} /* ·Î±×ÀÎ ÆäÀÌÁö */ #login {width: 1000px; margin:90px auto; height: 500px;} #login h2 {font-size:28px; font-family: 'Roboto', sans-serif; font-weight:400; border-bottom: 1px solid #7c7c7c; margin: 70px 0; } #login .loginbox {width: 570px; height: 370px; float: left; border: 1px solid #cecece;} #login .loginbox .cont{padding: 50px 0 0 80px;} #login .loginbanner {float: right;} #login .loginbox .login_input {position:relative;} #login .loginbox .login_input dl{overflow:hidden; margin-bottom: 10px;} #login .loginbox .login_input dt{ float: left; width: 110px; font-size: 15px; font-weight: bold; padding-top: 7px;} #login .loginbox .login_input dd{float: left; width: 73px; font-size: 15px; font-weight: bold; color: #000;} #login .loginbox .login_input dd input {width: 250px; background: #f8f8f8; height: 34px; border: 1px solid #cbcbcb; padding: 6px 9px; } #login .loginbox .login_input .btn_login {position:absolute; height:103px; right: 70px; top: 0px; background-color: #3596da;} #login .loginbox .login_input .btn_login span {width: 130px; padding: 29px 0; font-size:20px; display:block; font-weight:bold; line-height:45px; color: #fff; font-family: 'Roboto', sans-serif; font-weight:600;} #login .loginbox .login_input .btn_join {position:absolute; height:103px; right: 20px; top: 0px; background-color: #666666;} #login .loginbox .login_input .btn_join span {width: 130px; padding: 29px 0; font-size:20px; display:block; font-weight:bold; line-height:45px; color: #fff; font-family: 'Roboto', sans-serif; font-weight:600;} #login .loginbox .searchid {padding-left: 20px; background:url(//www.ielts.co.kr/home/images/main/icon01.jpg) 0 3px no-repeat;} #login .loginbox .searchid a:hover {font-weight:bold;} #login .loginbox .join {text-align:center; line-height:20px; padding: 30px 100px 0 0;} #login .loginbox .join .joinbtn {text-align:center; display:inline-block; margin-top: 20px; font-weight:bold;} #login .loginbox .join .joinbtn a{width: 270px; height: 40px; line-height:40px; font-size:14px; background-color:#666666; color: #fff; display:block;} #login .loginbox .join .joinbtn a:hover { background-color: #14518f; } #login2 {width: 1000px; margin:30px auto; height: auto;} #login2 h2 {font-size:28px; font-family: 'Roboto', sans-serif; font-weight:400; border-bottom: 1px solid #7c7c7c; margin: 70px 0; } #login2 .loginbox {width:998px; height: 360px; float: left; border: 1px solid #cecece;} #login2 .loginbox .cont{padding: 60px 0 0 80px;} #login2 .loginbanner {float: right;} #login2 .loginbox .login_input {position:relative;} #login2 .loginbox .login_input dl{overflow:hidden; margin-bottom: 10px; margin-left:150px;} #login2 .loginbox .login_input dt{ float: left; width: 110px; font-size: 15px; font-weight: bold; padding-top: 7px;} #login2 .loginbox .login_input dd{float: left; width: 73px; font-size: 15px; font-weight: bold; color: #000;} #login2 .loginbox .login_input dd input {width: 250px; background: #f8f8f8; height: 34px; border: 1px solid #cbcbcb; padding: 6px 9px; } #login2 .loginbox .login_input .btn_login {position:absolute; right: 250px; top: 0px; background-color: #14518f;} #login2 .loginbox .login_input .btn_login span {width: 130px; padding: 29px 0; font-size:18px; display:block; font-weight:bold; line-height:20px; color: #fff; font-family: 'Roboto', sans-serif; font-weight:400;} #login2 .loginbox .searchid {margin-left: 260px; padding-left: 20px; background:url(//www.ielts.co.kr/home/images/main/icon01.jpg) 0 3px no-repeat;} #login2 .loginbox .searchid a:hover {font-weight:bold;} #login2 .loginbox .join {text-align:center; line-height:20px; padding: 30px 100px 0 0;} #login2 .loginbox .join .joinbtn {text-align:center; display:inline-block; margin-top: 20px; } #login2 .loginbox .join .joinbtn a{width: 460px; height: 60px; line-height:60px; font-size:22px; background-color:#666666; color: #fff; display:block;} #login2 .loginbox .join .joinbtn a:hover { background-color: #14518f; } /* Çпø¾È³» */ #ieltsGuide {width: 1100px; margin:30px auto; position:relative;} #ieltsGuide h1 {font-family:'Noto Sans KR', sans-serif; font-size:24px; border-bottom: 1px solid #7c7c7c; margin: 25px 0; padding-bottom: 5px;} #ieltsGuide h2 {font-family:'Noto Sans KR', sans-serif; font-size:28px; border-bottom: 1px solid #7c7c7c; margin: 50px 0; padding-bottom: 5px;} #company {width: 1000px; margin:30px auto; position:relative;} #company h1 {font-family:'Noto Sans KR', sans-serif; font-size:24px; border-bottom: 1px solid #7c7c7c; margin: 25px 0; padding-bottom: 5px;} #company h2 {font-family:'Noto Sans KR', sans-serif; font-size:28px; border-bottom: 1px solid #7c7c7c; margin: 50px 0; padding-bottom: 5px;} #company .companywhy { background-color: #ddf3ff; position:relative; height: 440px; } #company .bodo {margin-bottom:40px; border-top: 1px #d4d4d4 solid;} #company .bodo table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid;} #company .bodo table tr {border-bottom: 1px #d4d4d4 solid;} #company .bodo table th { background-color: #f9f9f9; vertical-align:top; padding:10px 10px 10px 10px; font-weight:normal; font: 14px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; text-align:center;} #company .bodo table td {padding-top:10px; padding:20px 10px 20px 10px; font: 14px ¸¼Àº °íµñ, Malgun Gothic; line-height: 25px; font-weight:normal; text-align:left; vertical-align:top; } #company .bodo .left {text-align:left;} #company .bodo span {display:block; padding: 10px 0; font: 14px ¸¼Àº °íµñ, Malgun Gothic; text-align:left; font-weight:bold;} #company .bodo img {overflow:hidden; padding: 0 10px 0 10px;} #company .companywhy .companywhy1{width: 240px; height: 140px; line-height:140px; position:absolute; left: 30px; top: 30px; text-align:center; background-color:#3596da; color: #fff; font-size: 20px; font-weight:bold;} #company .companywhy .companywhy2 {width: 650px; position:absolute; left: 310px; font-size: 16px; line-height:33px; padding-top: 20px; } #company .companywhy .companywhy2 li{padding-left: 20px; background:url(//www.ielts.co.kr/home/images/company/icon04.png) 0 13px no-repeat;} #company .company02box {height: 940px; position:relative; margin-top: 20px;} #company .company02box .company02 {width: 680px; font-size:16px; line-height:30px; } #company .company02box .company02 span {color: #036cc9; font-weight:bold; text-decoration:underline;} #company .company02box .compic1 {position:absolute; right: 0; top:150px;} #company .company02box .compic2 {position:absolute; left: 0; top:350px;} #company .company02box .company03 {position:absolute; left: 335px; top:350px; width: 330px;} #company .company02box .company04 {position:absolute; right :0 ; top:510px; width: 665px; font-size: 16px; line-height: 30px;} #company .company02box .company04 span {color: #036cc9; font-weight:bold; } #company .center_call { border-top: 1px #d4d4d4 solid;} #company .center_call .call_1 {width: 300px; float:left;} #company .center_call .call_1 span {display:block; padding: 10px 0; font-size:18px;} #company .center_call .call_2 {width: 650px; float:right; padding: 10px 0;} #company .center_call .call_2 span {width: 650px; padding-left:100px; font-size:18px;} #company .center_call:after { content:""; display:block; clear:both; } /* ¿ÀÇÁ¶óÀÎ °­ÀÇ */ #class_offline {width: 1000px; margin:30px auto; position:relative;} #class_offline .class_info:after { content:""; display:block; clear:both; } #class_offline .class_info .teacherimg {float:left; width: 300px;} #class_offline .class_info .teacherimg > span {display:block; width: 300px; background-color: #eeeeee; text-align:center; line-height:30px; height:30px; font-weight:bold;} #class_offline .class_info .info_basic {width: 650px; float:right; font-size:16px;} #class_offline .class_info .info_basic h3 {padding-bottom: 8px; border-bottom: 2px solid #5e5e5e; font-size:20px;} #class_offline .class_info .info_basic dl{position: relative; overflow: hidden; height: 20px; padding: 10px 6px 10px 0px; border-bottom: 1px solid #edeeef; line-height: 21px;} #class_offline .class_info .info_basic dt {float: left; width: 130px; font-size: 16px; color: #737373; } #class_offline .class_info .info_basic dd {float: left; width: 500px;} #class_offline .class_info .info_basic .info_fst {height: 40px; } #class_offline .class_info .info_basic .info_date {width: 320px;} .info_red {color: #e40000;} #class_offline .info_detail {margin: 40px 0; border-top: 2px solid #5e5e5e; } #class_offline .info_detail li {float: left; text-align:center; font-size: 15px; background-color: #f9f9f9; width: 200px; } #class_offline .info_detail ul {overflow: hidden;} #class_offline .info_detail li a {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;display:block; line-height: 16px; padding: 10px 0; margin-left: -1px; } #class_offline .info_detail li.on {position:relative; background-color: #fff; } #class_offline .info_detail li.on a {border-bottom:0 none; border-top:0 none ; font-weight:bold; padding: 10px 0; } #class_offline .info_detail li:first-child a {margin-left:0; } #class_offline .stit {font-size:17px; font-weight:bold; display:block; margin-bottom: 10px;} #class_offline .info_teacher {margin: 40px 0;} #class_offline .info_teacher table {border-top: 1px #d4d4d4 solid; } #class_offline .info_teacher table tr {border-bottom: 1px #d4d4d4 solid; } #class_offline .info_teacher table th {background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} #class_offline .info_teacher table td {padding-top:10px; padding:10px 0 10px 20px; font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height: 30px; } #class_offline .info_book { border-top: 1px #d4d4d4 solid;} #class_offline .info_book .info_book1 {width: 300px; float:left;} #class_offline .info_book .info_book1 span {display:block; padding: 10px 0; font-size:18px;} #class_offline .info_book .info_bookgallery {width: 650px; float:right; height: 600px; padding: 10px 0;} #class_offline .info_book .info_bookgallery span {width: 650px; padding-left:100px; font-size:18px;} #class_offline .info_book .info_bookgallery2 {width: 1000px; float:center; height: auto; padding: 10px 0 0 10px;} #class_offline .info_book .info_bookgallery2 a{padding: 5px 7px 7px 5px;} #class_offline .info_book:after { content:""; display:block; clear:both; } #class_offline .info_special {margin: 40px 0;} #class_offline .info_special table {border-top: 1px #d4d4d4 solid; } #class_offline .info_special table tr {border-bottom: 1px #d4d4d4 solid; } #class_offline .info_special table th {background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font-size:16px;} #class_offline .info_special table td {line-height: 20px;padding:10px 0 10px 10px; font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height: 30px; } #class_offline .guide_special {margin: 10px 0;} #class_offline .guide_special table {border-bottom: 1px #d4d4d4 solid; } #class_offline .guide_special table tr {border-bottom: 1px #d4d4d4 solid; } #class_offline .guide_special table th {background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font-size:16px;} #class_offline .guide_special table td {line-height: 20px;padding:10px 0 10px 10px; font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height: 30px; } #class_offline .companywhy { background-color: #ddf3ff; position:relative; height: 380px; top:15px;} #class_offline .companywhy .companywhy1 {width: 240px; height: 170px; line-height:170px; position:absolute; left: 30px; top: 30px; text-align:center; background-color:#3596da; color: #fff; font-size: 20px; font-weight:bold;} #class_offline .companywhy .companywhy2 {width: 620px; position:absolute; left: 310px; font-size: 16px; line-height:33px; padding-top: 20px;} #class_offline .companywhy .companywhy2 li{padding-left: 20px; background:url(//www.ielts.co.kr/home/images/company/icon04.png) 0 15px no-repeat;} /* ¿Â¶óÀÎ °­ÀÇ */ #class_online {margin-top: 20px;} #class_online h2 {font-size:26px; margin: 10px 0; padding-bottom: 5px;} #class_online .class_info {margin-top: 20px;} #class_online .class_info:after { content:""; display:block; clear:both; } #class_online .class_info .info_basic dl { content:""; display:block; clear:both; } #class_online .class_info .teacherimg {float:left; width: 280px;} #class_online .class_info .teacherimg > span {display:block; width: 300px; background-color: #eeeeee; text-align:center; line-height:30px; height:30px; font-weight:bold;} #class_online .class_info .teacherimg .samplevod {border : #cccccc 3px solid; padding : 10px; text-align:center; font-weight:bold; margin-top: 10px;} #class_online .class_info .teacherimg .samplevod > span {display:block; padding-bottom: 10px;} #class_online .class_info .teacherimg .online_faq {position:relative; padding-top: 10px;} #class_online .class_info .teacherimg .online_faq >span {display:block; width: 170px; float:left;} #class_online .class_info .teacherimg .online_faq .faqbtn { float:right; width:127px; } #class_online .class_info .teacherimg .online_faq:after { content:""; display:block; clear:both; } #class_online .class_info .info_basic {width: 670px; float:right; font-size:14px; } #class_online .class_info .info_basic h3 {padding-bottom: 8px; border-bottom: 2px solid #5e5e5e; font-size:22px;} #class_online .class_info .info_basic dl{position: relative; border-bottom: 1px solid #edeeef; } #class_online .class_info .info_basic dt {float: left; width: 100px; font-size: 15px; color: #737373; padding: 15px 6px 15px 0px; } #class_online .class_info .info_basic dd {float: left; width: 520px; font-size: 15px; padding: 15px 6px 15px 0px; } #class_online .online_detaillist {margin: 20px 0;} #class_online .online_detaillist table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid;} #class_online .online_detaillist table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .online_detaillist table th { background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; text-align:center;} #class_online .online_detaillist table td {padding-top:10px; padding:10px 0 10px 20px; font: 15px ¸¼Àº °íµñ, Malgun Gothic; line-height: 20px; font-weight:normal;} #class_online .online_detaillist .inputName {font: 14px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; width: 181px; height: 30px; padding: 5px; border: 1px #b4b4b4 solid; float: left; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_detaillist .inputCell2 {font: 14px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; width: 48px; height: 30px; padding: 5px ; border: 1px #b4b4b4 solid; margin-right: 3px; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_detaillist .inputEmail {font: 14px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; width: 110px; height: 30px; padding: 5px; border: 1px #b4b4b4 solid; float: center; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_detaillist .inputaddr {font: 14px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; width: 450px; height: 30px; padding: 6px; border: 1px #b4b4b4 solid; float: center; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .online_detaillist .zip {background-color:#046DEA; border:1px solid #469df5; font-family:µ¸¿ò; font-size:12px; height: 20px; padding: 3px; line-height:25px; width:100px; text-align:center; display:inline-block;} #class_online .online_detaillist table span {color:#5a5a5a;} #class_online .online_detaillist table .left {text-align:left;} #class_online .online_detaillist .center {text-align:center; padding-left:15px;} #class_online .online_detaillist .right {text-align:right; padding-right:10px;} #class_online .online_detaillist .right2 {text-align:right; padding-right:10px; font: 22px } #class_online .online_detaillist .cash {color:#046dea; font: 15px ¸¼Àº °íµñ, Malgun Gothic; padding-top:5px; padding-bottom:5px;} #class_online .online_detaillist .cash2 {color:#046dea; font: 22px ¸¼Àº °íµñ, Malgun Gothic; font-weight:bold; border:0px; text-align:right; width:110px;} #class_online .online_detaillist .cash3 {color:#330033; font: 22px ¸¼Àº °íµñ, Malgun Gothic; font-weight:bold; border:0px; text-align:right; width:110px;} #class_online .online_detaillist .cash4 {color:#ff0000; font: 34px ¸¼Àº °íµñ, Malgun Gothic; font-weight:bold; border:0px; text-align:right; width:170px;} #class_online .online_detaillist table span{ vertical-align:middle;} #class_online .online_detaillist .btn {padding-top:15px;padding-bottom:15px; text-align:right;} #class_online .online_detaillist .btn a{float:right; } #class_online .info_detail {margin: 60px 0px 40px 0px; border-top: 2px solid #5e5e5e; } #class_online .info_detail li {float: left; text-align:center; font-size: 14px; background-color: #f9f9f9; width: 200px; } #class_online .info_detail ul {overflow: hidden;} #class_online .info_detail li a {border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;display:block; line-height: 16px; padding: 10px 0; margin-left: -1px; } #class_online .info_detail li.on {position:relative; background-color: #fff; } #class_online .info_detail li.on a {border-bottom:0 none; border-top:0 none ; font-weight:bold; padding: 10px 0; } #class_online .info_detail li:first-child a {margin-left:0; } #class_online .info_detail table {border-top: 1px #d4d4d4 solid; } #class_online .info_detail table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .info_detail table th {background-color: #f9f9f9; vertical-align:middle;padding:10px 0; } #class_online .info_detail table td {line-height: 20px;padding:10px 0 10px 20px;} #class_online .stit {font-size:18px; font-weight:bold; display:block; margin-bottom: 10px;} #class_online .stit2 {color:#4199d7; font-size:18px; font-weight:bold; display:block; margin-bottom: 10px;} #class_online .stit3 {font-size:18px; font-weight:bold; display:block; margin-bottom: 10px;} #class_online .info_teacher {margin: 40px 0;} #class_online .info_teacher table {border-top: 1px #d4d4d4 solid; } #class_online .info_teacher table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .info_teacher table th {background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} #class_online .info_teacher table td {padding-top:10px; padding:10px 0 10px 10px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height: 180%; } #class_online .info_book { border-top: 1px #d4d4d4 solid;} #class_online .info_book .info_book1 {width: 300px; float:left;} #class_online .info_book .info_book1 img {width: 122px; } #class_online .info_book .info_book1 span {display:block; padding: 10px 0; font: 15px ¸¼Àº °íµñ, Malgun Gothic; } #class_online .info_book .info_bookgallery {width: 650px; float:right; height: 600px; padding: 10px 0; font: 15px ¸¼Àº °íµñ, Malgun Gothic; } #class_online .info_book .info_bookgallery2 {width: 1000px; float:center; height: 800px; padding: 10px 0 0 10px;} #class_online .info_book .info_bookgallery2 a{padding: 5px 7px 7px 5px;} #class_online .info_book .info_bookgallery3 {width: 1000px; float:center; height: 400px; padding: 10px 0 0 10px;} #class_online .info_book .info_bookgallery3 a{padding: 5px 7px 7px 5px;} #class_online .info_book:after { content:""; display:block; clear:both; } #class_online .info_reserve table {border-top: 1px #d4d4d4 solid; } #class_online .info_reserve table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .info_reserve table th {background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} #class_online .info_reserve table td {padding-top:10px; padding:10px 0 10px 20px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height: 30px; } #class_online .info_reserve table td select{width:300px;height:35px; margin-top:3px; margin-bottom:3px;} #class_online .info_reserve table td .inputid {width: 186px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; height: 35px; padding: 5px; border: 1px #b4b4b4 solid; background:#f9f9f9; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .info_reserve table td .inputName {width: 186px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; height: 35px; padding: 5px; border: 1px #b4b4b4 solid; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .info_reserve table td .inputCell {width: 49px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; height: 35px; padding: 5px; border: 1px #b4b4b4 solid; margin-right: 3px; -webkit-padding-before:13px; -webkit-padding-after:13px; } #class_online .info_reserve table td .inputEmail {width: 110px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; height: 35px; padding: 5px; border: 1px #b4b4b4 solid; -webkit-padding-before:13px; -webkit-padding-after:13px;} #class_online .info_reserve .btn {padding-top:15px;padding-bottom:15px; text-align:center;} #class_online .info_reserve input[type='radio']{vertical-align:middle;} #class_online .info_reserve input[type='radio']{background:#fff; border:solid 2px #9f9f9f; border-radius:15px 15px; height:20px; width:20px; -webkit-appearance:none;} #class_online .info_reserve input[type='radio']:checked{background:#fff; border:solid 2px #9f9f9f; border-radius:15px 15px;} #class_online .info_reserve input[type='radio']:checked:after {content:' '; display:block; width:10px; height:10px; background:#3399cc; position:relative; top:3px; left:3px; border-radius:12px 12px;} #class_online .info_special {margin-bottom:40px;} .online_notice li { background: none !important; line-height:25px; } #class_online .info_special table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid;} #class_online .info_special table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .info_special table th { background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; text-align:center;} #class_online .info_special table td {padding-top:10px; padding:10px 0; font: 15px ¸¼Àº °íµñ, Malgun Gothic; line-height: 25px; font-weight:normal; text-align:center;} #class_online .info_special .left {text-align:left;} #class_online .info_special_c {margin-bottom:40px; border-top: 1px #d4d4d4 solid;} .online_notice li { background: none !important; line-height:25px; } #class_online .info_special_c table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid;} #class_online .info_special_c table tr {border-bottom: 1px #d4d4d4 solid; } #class_online .info_special_c table th { background-color: #f9f9f9; vertical-align:middle;padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; text-align:center;} #class_online .info_special_c table td {padding-top:10px; padding:7px 0; font: 15px ¸¼Àº °íµñ, Malgun Gothic; line-height: 25px; font-weight:normal; text-align:center;} #class_online .info_special_c .left {text-align:left;} #class_online .mock_info table {border: 0px; background-color:#e4e4e4; } #class_online .mock_info table td {padding-top:10px; padding:10px 0; font: 15px ¸¼Àº °íµñ, Malgun Gothic; line-height: 25px; font-weight:normal; } #class_online2 {width:1200px; margin-left:-100px;} #class_online2 h2 {font-size:26px; margin: 10px 0; padding-bottom: 5px;} #class_online2 .title {font-size:26px; margin: 10px 0; padding-bottom: 5px; height:130px; width:1200px;} #class_online2 .lists {margin-bottom:40px; border-top: 1px #d4d4d4 solid;} .online_notice li { background: none !important; line-height:25px; } #class_online2 .lists table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid;} #class_online2 .lists table tr {border-bottom: 1px #d4d4d4 solid; } #class_online2 .lists table th { background-color: #f9f9f9; vertical-align:middle; padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; text-align:center;} #class_online2 .lists table td {padding-top:10px; padding:10px 0; font: 15px ¸¼Àº °íµñ, Malgun Gothic; line-height: 25px; font-weight:normal; text-align:center;} #class_online2 .lists .left {text-align:left;} #class_online2 .font_word {color :#0272bd; font-size: 20px; font-family:sans-serif; font-weight: 600; margin: 10px 0 5px 0; padding-bottom:10px;} #class_online2 .stit2 {color:#4199d7; font-size:18px; font-weight:bold; display:block; margin-bottom: 10px;} #class_online3 {width:1200px; margin-left:-100px;} #class_online3 h2 {font-size:26px; margin: 10px 0; padding-bottom: 5px;} #class_online3 .title {font-size:26px; margin: 10px 0; padding-bottom: 5px; height:130px; width:1200px;} #class_online3 .lists {margin-bottom:40px; border-top: 1px #d4d4d4 solid;} .online_notice li { background: none !important; line-height:25px; } #class_online3 .lists table {border-top: 1px #d4d4d4 solid; border-bottom: 1px #d4d4d4 solid;} #class_online3 .lists table tr {border-bottom: 1px #d4d4d4 solid; } #class_online3 .lists table th { background-color: #f9f9f9; vertical-align:middle; padding:10px 0; font-weight:normal; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; text-align:center;} #class_online3 .lists table td {padding-top:10px; padding:10px 0; height:60px; font: 15px ¸¼Àº °íµñ, Malgun Gothic; line-height: 25px; font-weight:normal; text-align:center;} #class_online3 .lists .left {text-align:left;} #class_online3 .font_word {color :#0272bd; font-size: 20px; font-family:sans-serif; font-weight: 600; margin: 10px 0 5px 0; padding-bottom:10px;} #class_online3 .stit2 {color:#4199d7; font-size:18px; font-weight:bold; display:block; margin-bottom: 10px;} #smssend {border: 1px solid #d4d4d4; padding: 20px 20px 20px 40px ; text-align:center; background:url(//www.ielts.co.kr/home/images/ecampus/bg_mapsms.jpg) 20px 15px no-repeat; margin: 20px 0 40px 0; } #smssend span {font-size: 16px; color: #666; display:block;} /* ¿Â¶óÀÎ °­ÀÇ ±¸¼º ½ºÅÜ */ .online_step { position:relative; height: 295px; text-align:center; margin:auto;} .online_step .step1 {width: 320px; position:absolute; left:0; top:70px; background-color: #f3f3f3; border: #c4c4c4 solid 1px;} .online_step .step2 {width: 320px; position:absolute; left:340px; top:70px; background-color: #f3f3f3; border: #c4c4c4 solid 1px;} .online_step .step3 {width: 320px; position:absolute; right:0; top:70px; background-color: #f3f3f3; border: #c4c4c4 solid 1px;} .online_step ul li {background:url(//www.ielts.co.kr/home/images/ecampus/dotline.png) no-repeat;} .online_step ul li:first-child {background:none;} .online_step .step1 ul li a {display: block; padding: 10px; font-size:14px; font-weight:bold; } .online_step .step1 ul li a:hover{background-color: #f4da7d;} .online_step .step2 ul li a {display: block; padding-top: 62px; padding-bottom: 44px; font-size:14px; font-weight:bold; height: 90px; -webkit-padding-before:59px;} .online_step .step2 ul li a:hover{background-color: #f4be74;} .online_step .step3 ul li a {display: block; padding-top: 17px; padding-bottom: 18px; font-size:14px; font-weight:bold; height:30px; -webkit-padding-before:16px;} .online_step .step3 ul li a:hover{background-color: #f4a773;} /* ¾àµµ */ #erpmap {width: 1000px; margin:30px auto; position:relative;} #erpmap h2 {font-size:28px; border-bottom: 1px solid #7c7c7c; margin: 50px 0 0 0; padding-bottom: 5px;} #erpmap .mapbox {position:relative; } #erpmap .mapbox .mapaddress {position: absolute; background:url(//www.ielts.co.kr/home/images/company/map/bg_mapaddr.png); right: 0; top:0; color: #fff; width: 240px; height: 500px; padding: 30px 0px 0px 20px ; line-height:22px;} #erpmap .mapbox .mapaddress h4 {font-size: 18px; font-weight:bold; margin-bottom:20px; } #erpmap .mapbox .mapaddress > span {color: #7ebae5; font-weight:bold; font-size:14px;} #erpmap .mapsms {border: 1px solid #d4d4d4; padding-top: 20px;padding-bottom: 10px; text-align:center; background:url(//www.ielts.co.kr/home/images/company/map/bg_mapsms.jpg) 100px 5px no-repeat; margin: 20px 0; } #erpmap .mapsms span {font-size: 25px; padding-right: 20px; color: #666; vertical-align:middle; } #erpmap .mapsms .inputCell {width: 60px; height: 35px; padding: 5px; border: 1px #b4b4b4 solid; margin-right: 3px; -webkit-padding-before:13px; -webkit-padding-after:13px; } #erpmap .transit {line-height: 20px;} #erpmap .transit > span {font-size: 20px; padding:20px 0; display: block;} #erpmap .transit .transitbox {border: 1px solid #d4d4d4; background-color: #f7f7f7; padding: 20px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} #erpmap .transit .trans_subtit { font-size:14px; font-weight:bold; background:url(//www.ielts.co.kr/home/images/company/map/bg_transtit.jpg) no-repeat; padding: 10px 0; margin-top: 30px; } #erpmap .transit .subway {background:url(//www.ielts.co.kr/home/images/company/map/bg_subway.png) no-repeat; margin: 10px 0;} #erpmap .transit .subway li {padding: 5px 0 15px 60px; font: 15px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height:140%;} #erpmap .transit .goseoul {padding-bottom:25px;} #erpmap .transit .goseoul li {float:left; padding-left: 40px; background:url(//www.ielts.co.kr/home/images/company/map/icon05.png) 15px 3px no-repeat;} #erpmap .transit .goseoul li:first-child {padding-left: 0; background:none;} #erpmap .transit .subway1 {padding: 0px 0 15px 110px; background:url(//www.ielts.co.kr/home/images/company/map/bg_subway1.png) no-repeat; margin: 10px 0;} #erpmap .transit .subway2 {padding: 0px 0 15px 180px; background:url(//www.ielts.co.kr/home/images/company/map/bg_sub_01.png) no-repeat; margin: 10px 0;} #erpmap .transit .subway3 {padding: 0px 0 15px 110px; background:url(//www.ielts.co.kr/home/images/company/map/bg_sub_03.png) no-repeat; margin: 10px 0;} #erpmap .transit .subway4 {padding: 0px 0 15px 55px; background:url(//www.ielts.co.kr/home/images/company/map/bg_sub_02.png) no-repeat; margin: 10px 0;} #erpmap .transit .subway5 {padding: 0px 0 15px 55px; background:url(//www.ielts.co.kr/home/images/company/map/bg_subway5.png) no-repeat; margin: 10px 0;} #erpmap .map_view {margin-top:20px; margin-bottom:60px; border: 1px solid #d4d4d4;} #erpmap .center {text-align:center;} #erpmap .center_call .call_1 {width: 300px; float:left;} #erpmap .center_call .call_1 span {display:block; padding: 20px 0; font-size:18px;} #erpmap .center_call .call_2 {width: 650px; float:right; padding: 20px 0;} #erpmap .center_call .call_2 span {width: 650px; padding-left:100px; font-size:18px;} #erpmap .center_call:after { content:""; display:block; clear:both; } /* ¼ö°­°¡À̵å */ #guide {width: 1000px; margin:20px auto; position:relative;} #guide h2 {font-size:28px; border-bottom: 1px solid #7c7c7c; margin: 50px 0; padding-bottom: 5px;} #guide img {margin-bottom: 20px;} .guide_level {width: 1000px; text-align:center; position:relative;} .guide_level .padding{padding:25px;} .guide_level .t1{font-size:19px; padding:0px 0px 20px 0px;} .guide_level .t2{font-size:17px; line-height:25px; padding:0px 0px 25px 0px;} .offlineclass .guide_stit1 {padding: 25px 25px 25px 100px;background:url(//www.ielts.co.kr/home/images/guide/guide_icon.png) 10px 15px no-repeat; background-position: 20px center; font-family: 'Nanum Gothic',sans-serif; font-size: 20px; font-weight: bold; border : #b9b9b9 1px solid; } .guide_notice {position:relative;} .guide_notice span {background-color: #7f7f7f; position:absolute; left: 20px; top: -20px; color: #FFF; font-size:16px; font-weight:bold; padding: 8px 16px;} .guide_notice ul { border : #b9b9b9 1px solid; padding: 20px ; } .guide_notice ul li {padding: 5px 5px 5px 20px; font-size:15px; background:url(//www.ielts.co.kr/home/images/guide/icon06.jpg) 0 12px no-repeat;} .guide_notice02 {position:relative;} .guide_notice02 span {background-color: #7f7f7f; position:absolute; left: 20px; top: -20px; color: #FFF; font-size:16px; font-weight:bold; padding: 8px 16px;} .guide_notice02 ul { border : #b9b9b9 1px solid; padding: 20px ; background:url(//www.ielts.co.kr/home/images/ecampus/ban_onlineinfo.jpg) 0 12px no-repeat; background-position:right;} .guide_notice02 ul li {padding: 5px 5px 5px 20px; font-size:15px; background:url(//www.ielts.co.kr/home/images/guide/icon06.jpg) 0 12px no-repeat;} .onlineclass .guide_stit2 {padding: 25px 25px 25px 100px; background:url(//www.ielts.co.kr/home/images/guide/bg_guideicon.png) 10px -53px no-repeat; font-size: 20px; font-weight: bold; border : #b9b9b9 1px solid; } .advantagelist {position:relative; margin-bottom: 30px; } .advantagelist:after { content:""; display:block; clear:both; } .advantagelist span { display:block; width: 1000px; border-bottom : #b9b9b9 1px solid; font-size: 26px; padding: 10px 0; font-weight: bold; font-family: ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .advantagelist li {width: 360px; letter-spacing: -0.3px; padding: 15px 20px 15px 120px; height: 65px; overflow:hidden; border-bottom : #b9b9b9 1px solid; float:left; font-size:15px; line-height:20px; font-weight: bold;} .advantagelist li p {font: 14px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; color: #666; letter-spacing: -0.8px;} .advan01 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -987px no-repeat;} .advan02 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -883px no-repeat;} .advan03 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -783px no-repeat;} .advan04 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -682px no-repeat;} .advan05 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -580px no-repeat;} .advan06 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -477px no-repeat;} .advan07 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -378px no-repeat;} .advan08 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -280px no-repeat;} .advan09 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -182px no-repeat;} .advan10 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -85px no-repeat;} .advan11 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 10px no-repeat;} .advan12 {background:url(//www.ielts.co.kr/home/images/guide/advantage.jpg) 0 -1098px no-repeat;} .advod { position:relative;} .advod:after { content:""; display:block; clear:both;} .advod ul {border-left : #b9b9b9 1px solid; border-right : #b9b9b9 1px solid; border-bottom : #b9b9b9 1px solid; padding: 10px 0; height: 80px; margin-bottom: 30px;} .advod li{ float:left; width: 20%; text-align:center;} .advod .guide_stit3 {padding: 25px 25px 25px 100px; background:url(//www.ielts.co.kr/home/images/guide/bg_guideicon.png) 10px -125px no-repeat; font-size: 20px; font-weight: bold; border : #b9b9b9 1px solid; } .advod2 { position:relative; width:1000px;} .advod2:after { content:""; display:block; clear:both;} .advod2 ul {border-left : #b9b9b9 1px solid; border-right : #b9b9b9 1px solid; border-bottom : #b9b9b9 1px solid; padding: 15px 0; height: 162px; margin-bottom: 15px;} .advod2 li{ float:left; width: 33.3%; text-align:center; font-family: ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif;} .advod2 .guide_stit3 {padding: 25px 25px 25px 100px; background:url(//www.ielts.co.kr/home/images/guide/bg_guideicon.png) 10px -125px no-repeat; font-size: 20px; font-weight: bold; border : #b9b9b9 1px solid; text-align:left; } .advod3 { position:relative;} .advod3:after { content:""; display:block; clear:both; } .advod3 ul {border-left : #b9b9b9 1px solid; border-right : #b9b9b9 1px solid; border-bottom : #b9b9b9 1px solid; padding: 15px 0; height: 164px; margin-bottom: 30px;} .advod3 li{ float:left; width: 33.3%; text-align:center; } .advod3 .guide_stit3 {padding: 25px 25px 25px 100px; background:url(//www.ielts.co.kr/home/images/guide/bg_guideicon.png) 10px -125px no-repeat; font-size: 20px; font-weight: bold; border : #b9b9b9 1px solid; } /* ±âŸ */ .keywordinfo {width: 1000px; margin:auto; background-color:#d9e5f0 ; font-size: 16px; text-align:center; line-height:30px; padding: 20px 0;} .keywordinfo > span {font-size: 20px; } .vodinfo {background-color: #eff0e5; padding: 20px 0 ; width: 1000px; margin:auto; position:relative;} .vodmatter {padding-left: 20px; font-size: 20px;} .vodmatter p {color: #2c67aa; font-weight:bold; display: inline-block; } .vodmatter span {font-size: 14px;} .vodbtn1 {position:absolute; right: 10px; top: 10px; padding-top: 25px; line-height:30px; } .vodbtn2 {position:absolute; right: 120px; top: 10px; padding-top: 25px; line-height:30px;} .audio_guide {margin-bottom:15px;} /* ÅǸ޴º */ #tapmenu {overflow: hidden; margin-bottom: 30px;} #tapmenu .type_m2 li{width: 50%;} #tapmenu .type_m3 li{width: 33.3333%;} #tapmenu .type_m4 li{width: 25%;} #tapmenu .type_m5 li{width: 20%;} #tapmenu .type_m6 li{width: 166px;} #tapmenu .type_m7 li{width: 171px;} #tapmenu .type_m8 li{width: 142px;} #tapmenu li {float: left; text-align:center; font-size: 16px; background-color: #f9f9f9; } #tapmenu .tap {overflow: hidden;} #tapmenu li a {border: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; } #tapmenu .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #fff; } #tapmenu .tap li.on a {border-bottom:0 none; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 17px 0; } #tapmenu li:first-child a {margin-left:0; } #tapmenu2 {overflow: hidden; margin-bottom: 15px;} #tapmenu2 .type_m6 li{width: 166px;} #tapmenu2 li {float: left; text-align:center; font-size: 16px; background-color: #f9f9f9; } #tapmenu2 .tap {overflow: hidden;} #tapmenu2 li a {border: 1px solid #d4d4d4; display:block; line-height: 16px; padding: 18px 0; margin-left: -1px; } #tapmenu2 .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #fff; } #tapmenu2 .tap li.on a {border-bottom:0 none; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 17px 0; } #tapmenu2 li:first-child a {margin-left:0; } /* ¹öÆ° */ .btntype1 {display : inline-block; background-color: #757575; border: 1px solid #757575; width: 80px; height: 22px; line-height: 22px; font-size: 11px; text-align: center; color: #fff; cursor : pointer; } .btntype1:hover {background-color: #414141;} .btntype2 {display : inline-block; background-color: #ffffff; border: 1px solid #dcdcdc; width: 80px; height: 22px; line-height: 22px; font-size: 11px; text-align: center; color: #757575; cursor : pointer; } .btntype2:hover {background-color: #f6f6f6;} .btntype3 {display : inline-block; background-color: #ffffff; border: 1px solid #dcdcdc; padding: 0 8px; height: 22px; line-height: 22px; cursor: pointer; color: #757575; font-size: 11px;} .go_mobile {height:80px; width:100%; font-size:2em; color:#666; font-weight:bold; background:#FFF; border:solid 1px ##444444; -webkit-appearance:none; margin-bottom:3px;} .map_go {background-color:#3596da; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #3596db; display:inline-block; font-size: 20px; color:#ffffff; height:40px; width:108px; text-align:center; -webkit-appearance:none; line-height:39px;} .map_go:active {position:relative; top:1px; text-decoration:none;} #gotop {position:fixed;bottom:100px;z-index:1;display:none; margin-left:50%;} #gotop a {width:80px;height:30px;margin-bottom:10px;display:block;background-color:#02a1e3 ;color:#ffffff;border:1px #0269b6 solid;text-align:center;line-height:30px;} #gotop a:hover {background-color:#ffffff; color:#373737; border:1px #7e7e7e solid;} #blank{clear:both; height:75px;} #blank2{clear:both; height:80px;} #height_10{clear:both; height:10px;} #height_30{clear:both; height:30px;} .text01 {font: 20px ¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; } .text02 {font: 16px ¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; font-weight:bold;} .text03 {font: 16px ¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; color:#363636; line-height:28px;} .text04 {font: 16px ¸¼Àº °íµñ, Malgun Gothic, Verdana, Dotum, sans-serif; color:#ff0000;} #format {width: 100%; margin-top:30px; position:relative; background-color: #fff;} #format2 {width: 100%; position:relative; background-color: #ffffff;} #formatmenu {width:1000px; margin: auto; overflow: hidden; margin-bottom: 35px; padding-top:20px;} #formatmenu .type_m3 li{width:166.6px; height:90px;} #formatmenu li {float: left; text-align:center; font-size: 1.4em; color:#b5b5b5; background-color: #f9f9f9; font-weight:bold; } #formatmenu .tap {overflow: hidden;} #formatmenu li a {border: 1px solid #d4d4d4; display:block; line-height: 20px; padding: 15px 0; margin-left: -1px; } #formatmenu li a:hover {color:#ff0000; border: 1px solid #d4d4d4; display:block; line-height: 20px; padding: 15px 0; margin-left: -1px; text-decoration: none; } #formatmenu .tap li.on {position:relative; border-top: #3596da 3px solid; background-color: #f0f0f0; } #formatmenu .tap li.on a {border-bottom:0 none; border-top:0 none ;color: #1682ce; font-weight:bold; padding: 14px 0; } #formatmenu li:first-child a {margin-left:0; } #formatmenu .content {margin-bottom:40px; font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; padding-top:15px; color:#330000;} #formatmenu table {background-color: #4a4a4a;} #formatmenu table th{font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; font-weight:bold; width:150px; text-align:left; background-color: #fff; padding:10px 10px 10px 10px; } #formatmenu table td{font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; background-color: #fff; padding:10px 10px 10px 10px; } #formatmenu table td a{color:#ff0000;} #formatmenu table td .disc{font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; list-style:disc;} #format3 {width: 1000px; position:relative; background-color: #f5f5f5 ;} #formatmenu3 {width:920px; margin: auto; padding:30px 40px 30px 40px;} #formatmenu3 table {margin-top:-20px;} #formatmenu3 table td{font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; } #format4 {width: 1000px; position:relative; background-color: #f5f5f5 ;} #formatmenu4 {width:900px; padding:0px 50px 18px 50px;} #formatmenu4 table {margin-bottom:10px; width:100%} #formatmenu4 table td{font: 16px ¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; } /* ¸ÞÀÎ ¿ÞÂÊ ¼­ºê ¸Þ´º */ #snb { width: 300px; border-left: 1px #c8c8c8 solid; border-right: 1px #c8c8c8 solid; } #snb li {background: #ffffff; height: 32px; line-height: 32px; border-bottom: #dddddd solid 1px; font-size: 13px; padding: 1px 0px 1px 15px;} #snb li span {background-color: #f65857; color: #fff; margin-right: 5px; padding: 2px;} #snb li.subtit {background: url("//www.ielts.co.kr/home/images/main/bg_snbtitle.jpg") no-repeat; color: #fff; font-size: 15px; font-weight: bold; border-bottom: 0; height: 35px; line-height: 35px;} #snb li.subtit a {color: #fff; letter-spacing: 1px;} #snb li a {display: block; } #snb li span.icon { background : #384b86; height: 1px; width: 8px; display: inline-block; margin: 0 5px 5px 5px; padding: 0;} .info_btn {background-color:#ffffff; border:1px solid #444444; display:inline-block; color:#444444; font-size:22px; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; font-weight:bold; height:60px; line-height:60px; width:200px; text-decoration:none; text-align:center; cursor : pointer; } .info_btn:hover {background-color:#444444; color:#ffffff; text-decoration:none; cursor : pointer; } .info_btn:active {position:relative; top:1px; text-decoration:none;} #page { font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; width: 1000px; background-color: #FFF; display: inline-block; overflow: hidden; height:40px; } .ticker { font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; width: 1000px; height: 30px; overflow: hidden; border: 0px; list-style: none; } .ticker li { color:#000000; height: 30px; border-bottom: 0px; margin-left:-5px; letter-spacing:-0.01em; } /*----------------------------------------- Àΰ­»ùÇà css ------------------------------------------*/ .view_btn {background-color:#dddddd; width:90px; height:25px; line-height:25px; text-align:center; font-size:0.8em; color:#636363; font-family:'¸¼Àº °íµñ', Malgun Gothic;} .tdon_l{width:189px; height:210px; font-size: 14px; float:left; padding:5px; font-family:'¸¼Àº °íµñ', Malgun Gothic; vertical-align:top;} .tdon_s{height:30px; padding-top:15px; vertical-align:bottom; font-size: 18px; font-weight:500; float:left; font-family: 'Roboto', sans-serif;} .tdon_pl{color:#606060;margin-top:10px; font-size:0.9em; vertical-align: top;} .tdon_p10{padding-top:8px; text-align:left; } td.tdon_l img { max-width: 100%; backface-visibility: hidden; vertical-align: top; } td.tdon_l:after, td.tdon_l figcaption { position: absolute; top: 4px; bottom: 0; left: 0; right: 5px; } td.tdon_l:after { content: ''; border-radius:8px; background-color: rgba(0, 0, 0, 0.65); opacity: 0; top:0px; left: 142px; height:30px; left: 0px; right: 10px; } td.tdon_l figcaption { z-index: 1; padding-left: 163px; padding-top: 17px; font-size:16px; } td.tdon_l p { font-size: 0.9em; font-weight: 600; opacity: 0; top: 50%; color:#fff; -webkit-transform: translateY(40px); transform: translateY(40px); } td.tdon_l:hover img, td.tdon_l.hover img { zoom: 1; height:106px; } td.tdon_l:hover:after, td.tdon_l.hover:after { opacity: 1; position: absolute; top: 10px; bottom: 0px; left: 150px; right: 10px; height:38px; } td.tdon_l:hover p, td.tdon_l.hover p{ -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; } .th_i{height:30px; padding-top:15px; vertical-align:bottom; font-weight:400; float:left; font-family: 'Roboto', sans-serif;} .th_i p{font-size: 22px; font-weight:500; padding-left:105px; font-family:'¸¼Àº °íµñ', Malgun Gothic;} .th_i span{font-size: 20px; font-weight:400; padding-left:105px;} .th_i .view_btn {margin-top:10px; background-color:#dddddd; width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#636363; font-family:'¸¼Àº °íµñ', Malgun Gothic;} .head_study { background-color:#0977c9; display:inline-block; color:#ffffff; font-size:12px; font-family:Verdana, Dotum,sans-serif; font-weight:500; height:25px; line-height:25px; width:60px; text-decoration:none; text-align:center; letter-spacing:-0.01em; } .head_study:hover { background-color:#4a96d9; color:#ffffff; text-decoration:none; }.head_study:active { position:relative; top:1px; text-decoration:none; } .online_view { background-color:#d5404c; display:inline-block; color:#ffffff; font-size:12px; font-family:Verdana, Dotum,sans-serif; font-weight:500; height:25px; line-height:25px; width:60px; text-decoration:none; text-align:center; letter-spacing:-0.01em; } .online_view:hover { background-color:#ff0008; color:#ffffff; text-decoration:none; }.online_view:active { position:relative; top:1px; text-decoration:none; } .ban_info {display:inline-block; height:100px; background-color:#3f5a9d; font-size:36px; color:#ffffff; font-family:¸¼Àº °íµñ, Malgun Gothic,Verdana, Dotum,sans-serif; line-height:100px; width:1000px; text-align:center; margin:10px 0px 10px 0px;} /*####### Àΰ­ ÇнÀ PAGE ########*/ .state_o {background-color:#4999d9; width:42px; height:22px; line-height:22px; font-weight:bold; color:#fff; border-radius:15px; text-align:right;} .spanO{width:16px; height:16px; line-height:16px; background-color:#fff; margin-right:3px; border-radius:15px; display: inline-block;} .state_x {background-color:#a1a1a1; width:42px; height:22px; line-height:22px; font-weight:bold; color:#fff; border-radius:15px; text-align:left;} .spanX{width:16px; height:16px; line-height:16px; background-color:#fff; margin-left:3px; border-radius:15px; display: inline-block;} #layer_sub {z-index:9999; font-family:sans-serif; background-color:#4999d9; position:fixed; width:200px; height:70px; line-height:70px; display:inline-block; font-size:1.3em; color:#fff; bottom:2%; left:2%; text-align:center; display:none;} #layer_sub span{border:2px solid #ffffff; width:25px; height:22px; line-height:22px; margin-top:-5px; padding-bottom:3px; color:#fff; border-radius:40px; font-size:1.2em; text-align:center; color:#fff; vertical-align:middle; display:inline-block;} .video-wrap { width: 100%; position: relative; } .video-wrap img { width: 100%; vertical-align: middle; } .video-text { border-radius:15px; text-align: center; position: absolute; top: 50%; left: 50%; vertical-align:middle; transform: translate( -50%, -50% ); }